import React from 'react';
import { Outlet, Link } from 'react-router-dom'
import { Layout, Breadcrumb } from 'antd';
const { Content } = Layout;

const HomeContent: React.FC = () => {
    return (
        <Layout className="home-layout">

            <Breadcrumb className='home-breadcrumb'>
                <Breadcrumb.Item>
                    <Link to="/">产品管理</Link>
                </Breadcrumb.Item>
                <Breadcrumb.Item>
                    List
                </Breadcrumb.Item>
            </Breadcrumb>
            <Content style={{ padding: 10 }}>
                <div className='home-content'>
                    <Outlet />
                </div>
            </Content>
        </Layout>
    )
}


export default HomeContent;
